<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>v-on:事件修饰符</title>

	<script src="js/vuejs-2.5.16.js"></script>
</head>

<body>
<div id="app">
	<!-- <form action="http://www.itcast.cn" onsubmit="return checkform()">
        <input type="submit" value="Go">
    </form> -->
	//阻止默认事件的发生，prevent的使用
	<form  v-on:submit.prevent action="http://www.itcast.cn" >
		<input type="submit" value="Go">
	</form>

	<div v-on:click="fun">
		//阻止事件的传播，stop代表stopProgation,当连接到itcast网址时，就不会
		//触发fun()函数里的内容
		<a v-on:click.stop href="http://www.itcast.cn">itcast</a>
	</div>
</div>
</body>
<script>
		//view model
		new Vue({
			el:"#app",
			methods:{
				fun:function(){
					alert("haha");
				}
			}
		});

		/* function checkform(){
			return false;
		} */

		
		
	</script>

</html>